/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, {Component} from 'react';
import {
    AppRegistry,
    // Text,
    View
} from 'react-native';
import Table from './demo.table';
import {
    Text,
    Icon,
    Button,
    BasicButton,
    InvertedButton,
    InvertedBasicButton,
} from 'react-native-blink-ui';

export default class BlinkDemo extends Component {
    _genData() {
        let r = [
            // ---- text
            <Text>normal text</Text>,
            <Text color="red">red text</Text>,
            <Text color="blue">blue</Text>,

            // ---- icon
            <Icon />,
            <Icon name="home" color="green" />,
            <Icon name="times" color="red" />,

            // --- button
            <Button title="normal button" />,
            <Button title="red button" color="red" icon="user" />,
            <Button title="light green" color="lightGreen" />,
            <Button title="light red" color="lightRed" icon="check" />,
            <Button color="pink" icon="trash-o" />,

            <BasicButton title="basic button" />,
            <BasicButton title="red button" color="red" icon="wifi" />,

            <InvertedButton title="inverted button" />,
            <InvertedButton title="inverted blue button" color="blue" icon="scene" />,

            <InvertedBasicButton title="inverted basic button" />,
            <InvertedBasicButton title="inverted basic brown" icon="link" color="brown" />,
        ];


        return r;
    }

    render() {
        return <Table data={this._genData()} />
    }
}
AppRegistry.registerComponent('BlinkDemo', () => BlinkDemo);
